@import "@/styles/index.scss";

.wiki {
  background-color: $theme-grey;
  min-height: 100%;
  @include scroll-page-container-weapp;

  &-header {
    &-background {
      width: 100%;
    }
  }

  &-content {
    padding: 64px;
    padding-top: 48px;
    padding-bottom: 1px;
    background-color: $theme-background;

    &-top {
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;
      width: 100%;
      margin-bottom: 48px;
    }

    &-btn {
      background-color: $theme-grey;
      flex: 1;
      margin: 0;
      margin-right: 32px;
      height: 100px;
      border-radius: 20px;
      justify-content: center;
      align-items: center;

      &-value {
        @include font-white-title;
        font-size: 36px;
        font-weight: bold;
      }

      &_last {
        margin-right: 0;
      }
    }
  }

  &-footer {
    padding-bottom: 52px;
    width: 100%;
    background-color: $theme-background;
    flex-direction: row;
    justify-content: center;

    &-btn {
      width: 108px;
      height: 108px;
      border-radius: 100px;
      z-index: 2;
      justify-content: center;
      align-items: center;
      background-color: #ffffff;
      opacity: 0.8;
    }
  }
}
